<template>
  <div class="verdict">
    <div class="verdict-title">
      <img src="/images/jinghe/right/triIcon.png" alt="">
      结论：
    </div>
    <div class="line"></div>
    <div class="verdict-text" v-if="poptext">
      {{poptext}}
    </div>
  </div>
</template>
<script>
  export default{
    props: {
      poptext: {
        type: [Array, String],
        required: true
      }
  },
  }
</script>
<style lang="stylus" scoped>
.verdict{
  width 371px;
  max-height 106px;
  border 2px solid rgba(30,157,230,0.6784);  
  border-radius 8px;
  padding 8px 2%;
  font-family: SourceHanSansCN-Regular !important;
  margin-top: 15px;
  // margin-bottom: 18px;

  .verdict-title{
    width 100%;
    height 25px;
    font-size 17px;
    font-family Source Han Sans SC;
    font-weight 500;
    line-height 25px;
    color: #00D8FF;
    img{
      width 10px;
      height 10px;
      vertical-align: middle;
      margin-top -5px;
    }
  }
  .line{
    width 100%;
    height 0px;
    border 1px dashed #11ACBE;
    margin 6px 0;
  }
  .verdict-text{
    width 100%;
    max-height 70px;
    font-size 15px;
    font-family Source Han Sans SC;
    font-weight 500;
    line-height 23px;
    color #C1E2FF;
    letter-spacing 1px;
    overflow: auto;
    text-align: justify;
  }
  ::-webkit-scrollbar{
    width: 4px;
    height: 16px;
  }
  ::-webkit-scrollbar-thumb
  {
    background-color: rgba(46, 151, 255, 1);
    height: 4px;
  }
}
</style>